$primary: #404040;
$default: #e0e0e0;
$secondary: #666;
$gray: #F2F2F2;
$red: #EB5424;
$yellow: #FEE209;
$blue: #2275da;
$grape: #9A54B1;
$green: #19A302;
$body-bg: #FFF;
$theme-colors: ( "primary": $blue, "warning": $yellow, );
$input-border: $default;
$input-color-placeholder: $default;
$link-color: $primary;
$colors: ( "blue": $blue, "grape": $grape, "red": $red, "yellow": $yellow, "green": $green, "white": #FFF, "gray": $gray, "gray-dark": $gray) !default;
$font-size-base: 0.875rem;
$spacer: 15px;
/* Animations */

.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.5);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.5);
  }
  70% {
    -webkit-transform: scale(.9);
  }
  100% {
    -webkit-transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.5);
  }
  70% {
    transform: scale(.9);
  }
  100% {
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}